<template>
<img class='avtar-container'
  :src="url" 
  :style="{
    width:size + 'px',
    height:size + 'px',
  }"
/>
</template>
<script> 
export default{
    props: {
        url:{
            type: String,
            required: true,
        },
        size: {
            type:Number,
        },

    }
       
    

};
</script>

<style> 
.avtar-container{
    border-radius:50%;
    object-fit:cover; 
}
</style>
